import React from 'react'
import { graphql } from 'gatsby'
import Img from 'gatsby-image'

export default function imageSeo({ data }) {
  return data.allImageSharp.edges.map((item, index) => (
    <div key={index} style={{width: 400}}>
      <Img fluid={item.node.fluid} />
    </div>
  ))
}
export const query = graphql`
query {
  allImageSharp {
    edges {
      node {
        fluid {
          src
          srcSet
          aspectRatio
          sizes
        }
      }
    }
  }
}
`